<template>
	<view>
		<view class="gui-card-list gui-flex gui-rows gui-wrap gui-space-between"
			style="padding: 0 20rpx 20rpx 20rpx;">
			<image style="width: 100vw; height: 50vh;"
				src="https://boyaltd.oss-cn-hangzhou.aliyuncs.com/newYeah2024/shangcheng.jpg" mode="">
			</image>
			<view class="gui-card-item" hover-class="gui-tap" v-for="(item,index) in shoplist">
				<view class="gui-card-img gui-border-radius gui-box-shadow" style="margin-top: 20rpx;" @click="open(item)">
					<image mode="aspectFit" style="width: 100%;height: 100%" :src="item.img"></img>
				</view>
				<text class="gui-card-title gui-block gui-text gui-primary-color">{{item.title}}</text>
				<text class="gui-block gui-text-small gui-color-gray">{{item.text}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				shoplist: [{
						title: '深航鹏逸酒店',
						text: '柳州深航鹏逸酒店线上商城',
						img: 'http://oss.boyaltd.cn/app/ifKfAF_%E6%B7%B1%E8%88%AA%E8%9B%8B%E7%B3%95%E5%BA%971.jpg',
						url: 'http://m.pengyihotel.com/'
					},
					{
						title: '喜莲娜',
						text: "喜莲娜线上商城",
						img: "http://oss.boyaltd.cn/app/ZSJwHy_20211231_61cef8246c564.jpg",
						url: "https://xln.cmx666.cn/h5/",
					}
				],
			}
		},
		created() {
			this.getlist()
		},
		
		methods: {
			open(item){
				this.$comm.nav_to(item.url,item.title,"nav",true,true);
				//window.location.href=item.url;
			},
			getlist(){
				
			}
			
		}
	}
</script>

<style>
.gui-card-img {
		width: 330rpx;
		height: 330rpx;
	}
</style>
